html,body{height: 100%;background: #f5f5f5;}


.s_icon{background: url(.././img/m_icon.png) no-repeat; display: inline-block;margin:0 5px 0 0; vertical-align: middle;}
/*header*/
.header{height: 30px; line-height: 30px; font-size: 0.8rem; font-size:16px; background: #fff;  padding: 10px 15px;  border-bottom: 1px solid #d4d4d4; text-align: center;}
.header .store .select{width:auto;padding: 0 5px;}
.header .s_preson {position: absolute;left: 15px;}
.header .s_preson .s_author{width:30px;height:30px; background-position: 0 0;}

.header .s_search{position: absolute;right: 15px;top: 10px;} 
.header .s_searchBtn{width:30px;height:30px; background-position: 0 -30px;}

.s_search_box{background:#EAEAEA;padding:3px 10px;display: flex;}
.s_search_box .s_searchBox{flex:9;line-height: 26px;height: 26px; color: #999;border-radius: 2px;}
.s_search_box .s_searchBtn{flex:1;text-align: center;line-height: 26px; color: #000;}

/*swiper*/
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;z-index: 1;width: 100%;max-width: 640px; height: 100%;}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
.swiper-slide img{width: 100%;}
.swiper-container-horizontal>.swiper-pagination {bottom: 10px;left: 0;width: 100%;}
.swiper-pagination {
	position: absolute;
	left: 10px;
	bottom: 5px;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;margin: 0 1px;opacity: 0.2;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;}


.storeMain{margin:0 auto 50px;  font-size: 0.8rem; font-size:16px;background:#ececec;}
.storeMain .storeNav{width:29%; float: left;}
.storeMain .storeNav li{line-height: 45px;height:45px;background: #ececec;border-left: 3px solid #ececec;padding-left:12px;position: relative;cursor: pointer;}
.storeMain .storeNav li.cur{border-left: 3px solid #fa474f; background: #fff;}
.storeMain .storeNav li .tips{ font-size: 0.6rem; font-size: 12px;color: #d81c16;}
.storeMain .storeNav li .num{position: absolute;top:0;right: 0; font-size: 0.6rem; font-size: 12px;padding:2px 5px; display: inline-block; line-height:14px; border-radius:10px; text-align: center; color: #fff; background: #d81c16;}

.storeMain .storeBox{width: 71%;float: right; background: #fff; display: none;}
.storeMain .storeBox .list-item{padding:12px 6px;}
.storeMain .storeBox .list-item .list-img{float: left;margin-right:6px;position: relative;}
.storeMain .storeBox .list-item .list-img i{position: absolute;right:2px; bottom:2px; z-index: 1;color: #fff;font-size: 12px;}
.storeMain .storeBox .list-item .list-img .arrow-up {
  position: absolute;
  right: -25px;
  bottom: -25px;
  display: inline-block;
  width: 0px;
  height: 0px;
  border-width: 25px;
  overflow: hidden;
  border-color: #d81c16 transparent transparent;
  border-style: solid dotted dotted;
  -webkit-transform: rotate(-45deg);
}
.storeMain .storeBox .list-item .list-content {height: 100px;border-bottom: 1px solid #ebebeb; padding-bottom: 12px;position: relative;}
.storeMain .storeBox .list-item .list-content .list-title {height:50px;margin-bottom:10px;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all;color: #4b566a;}
.storeMain .storeBox .list-item .list-content .list-price{color: #d81c16;}
.storeMain .storeBox .list-item .list-content .list-main{color: #4b566a; font-size: 0.7rem; font-size: 14px;}
.storeMain .storeBox .list-item .list-content .list-main span{color: #d81c16;}
.storeMain .storeBox .list-item .list-content .list-add{color: #fff; position: absolute;right: 6px; bottom: 30px;}
.storeMain .storeBox .list-item .list-content .list-add .prev,.storeMain .storeBox .list-item .list-content .list-add input{display: none;}
.storeMain .storeBox .list-item .list-content .list-add input{width: 16px;}
.storeBox .list-item .list-content .list-add em{line-height: 20px;}


.addUp{  background-color:#fff;position: fixed;bottom: 0;left: 0;height:50px;  width: 100%;font-size: 0.7rem;z-index: 1000;font-size: 14px;  display: -webkit-box;overflow: hidden;-webkit-box-align: center;}

.addUp .s_shopping{width: 29%;position: relative;}
.addUp .s_shopping .s_up{width:30px;height:30px; background-position: 0 -60px; margin-left: 12px;}
.addUp .s_shopping em{position: absolute;top:-5px;left:45px; font-size: 0.6rem; font-size: 12px;padding:2px 5px; display: inline-block; line-height:14px; border-radius:10px; text-align: center; color: #fff; background: #d81c16;}
.addUp .total{-webkit-box-flex: 1; display: block;}
.addUp .total p{font-size: 0.9rem; font-size: 18px; font-weight: bold;}
.addUp .settlement{display: block;color: #fff;background-color: #d81c16;border-radius: 5px;height: 30px;line-height: 30px;text-align: center;padding: 0 40px;margin-right: 10px;}




.address{border-bottom: 1px solid #e9e9e9; background: #fff;}
.address .add-tips{background: #6a6a6a;color: #fff;height:35px;line-height:35px; padding: 0 10px;}
.address .addForm{padding: 10px;}
.address .addForm li{border-bottom: 1px solid #e9e9e9;line-height:40px;}
.select{position: relative;z-index: 2;height:40px;line-height:40px;background: transparent;background: rgba(0, 0, 0, 0);border: 0;-webkit-appearance: none;  color: #666;width: 220px;}
.select:focus{outline:none;}
.radio {display: none;}
.radio + label em{display: inline-block; -webkit-appearance: none;background-color: #fff;border: 1px solid #cacece;padding: 9px;border-radius: 50px;display: inline-block;position: relative;vertical-align: middle;margin:0 5px;}
.radio:checked + label em:after{display: inline-block;content: ' ';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background: #d91c16;text-shadow: 0px;left: 3px;font-size: 32px;}

.address .addForm li.ways{border-bottom: 0;}
.ways .addTips{width: 100%;display: inline-block;line-height: 30px;border: 1px solid #999;color: #bbb;}
.ways .addTel{width: 50%;}


.main-content{background: #fff;}
.main-content .list-item{padding:12px 6px;}
.main-content .list-item .list-img{float: left;margin-right:6px;}
.main-content .list-item .list-content {height: 100px;border-bottom: 1px solid #ebebeb; padding-bottom: 12px;position: relative;}
.main-content .list-item .list-content .list-title {font-size: 0.8rem;font-size: 16px; height:50px;margin-bottom:10px;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all;color: #4b566a;}
.main-content .list-item .list-content .list-price{color: #d81c16;}
.main-content .list-item .list-content .list-main{color: #4b566a; font-size: 0.7rem; font-size: 14px;}
.main-content .list-item .list-content .list-main span{color: #d81c16;}
.list-add{position: absolute;right: 6px; bottom: 35px;}
.list-add em{width: 20px;height: 20px;display: inline-block; text-align: center;color: #fff; background: #f95864; border-radius:10px;}
.list-add em.prev{border:1px solid #f95864 ;background: #fff;color: #f95864;}
.list-add input{height: 20px;text-align: center;width: 30px;}

.method{background: #fff;}
.method-title{background: #eaeaea;color: #000;height:35px;line-height:35px;padding: 0 10px;}
.method-way li{line-height: 45px;  border-bottom: 1px solid #ebebeb; padding: 0 10px;text-align: right;}
.method-way li span{float: left;}
.method-way li span i{color:#d81c16;padding-left: 10px;}
.method-way .radio-met {display: none;}
.method-way .radio-met + label {background-color: #fff;border: 1px solid #7dcb93;padding: 9px;border-radius:10px;display: inline-block;position: relative;vertical-align: middle;}
.method-way .radio-met:checked + label {background-color: #3bc95e;border: 1px solid #3bc95e;color: #99a1a7;}
.method-way .radio-met:checked + label:after {content: '\2714';font-size: 14px;position: absolute;top: 0px;left: 3px;color: #fff;line-height: 19px;}
.method .settlement{display: block;color: #fff;background-color: #d81c16;border-radius: 5px;height: 30px;line-height: 30px;text-align: center;padding: 0 40px;margin:0 10px 20px 0;float: right;max-width:100px;}

.total p{line-height: 30px;padding: 0 10px;}
.total p em{color:#d81c16;}
.total .addTips {padding: 0 10px; width:50%; display: inline-block; line-height: 30px; border: 1px solid #999; color: #bbb;}
.total .totalNum{font-size: 1rem;font-size: 20px;color:#d81c16;padding: 5px 10px;}


/*配送地址*/
.main-address{background: #f5f5f5;padding: 10px;}
.main-address .main-address-title{padding: 5px 0; color: #845122; font-size: 0.7rem;font-size: 14px;}
.main-address-con{border-bottom: 1px solid #d4d4d4;}
.main-address .main-address-box{margin:15px 0;display: inline-block;width: 100%; background: #fff;border: 1px solid #666;padding: 1px;position: relative;;}
.main-address .main-address-box li{line-height:30px;padding:0 5px;border-bottom: 1px dotted #d4d4d4;}
.main-address .main-address-box li.modify-add{display: none; border-bottom: 0;}
.main-address .main-address-cur{border: 2px solid #f76d02;padding: 0;}
.main-address .main-address-cur li.modify-add{display:block;}
.main-address-cur .arrow-up {position: absolute;right: -25px;bottom: -25px;display: inline-block; width: 0px;height:0px;border-width:25px;overflow: hidden;border-color: #f76d02 transparent transparent;
 border-style: solid dotted dotted; -webkit-transform: rotate(-45deg);}
.main-address .main-address-box li.modify-add em{color: #f76d02;}
.main-address .main-address-box li.modify-add b{position: absolute;right:0;bottom:0;z-index: 9;color: #fff;font-size: 18px;}
.main-address .main-address-box li.modify-add .main-address-tip{position: absolute;right:0px;top:0px; background: rgba(0,0,0,0.2);color: #fff;padding: 0 5px;line-height: 24px;}
.main-address .mian-address-btn{color: #f76c03;font-size: 26px;margin:20px 50px;padding: 10px 20px;text-align: center;display: block;border: 1px solid #f76c03;border-radius: 3px;}


/*添加地址*/
.add-address{padding: 10px;}
.add-address li{display: flex;}
.add-address li span{width: 80px; vertical-align: middle;line-height: 40px;}
.add-address li input{flex: 3; line-height:34px;margin: 3px 0; border: 1px solid #cdcdcd;border-radius: 3px;}
.add-address li select{flex: 2;background: #fff;height: 34px;line-height: 34px;margin: 3px 0;border: 1px solid #cdcdcd;border-radius: 3px 0 0 3px;}
.add-address li label{padding: 10px;background: #666666; color: #fff;height: 14px;margin: 3px 0;}
.add-address li em{color: #f76d02;font-size: 12px;display: inline-block;line-height: 34px; margin: 3px;}
.add-address .mian-address-btn {color: #f76c03;font-size: 26px;margin: 20px auto;padding: 10px 20px;text-align: center;display: block;border: 1px solid #f76c03; border-radius: 3px;background-color: #f5f5f5;width:70%;}

/*搜索商品结果页*/
.s_goods .storeBox{display: block;float: none;width: 100%;}
.s_goods .storeBox .s_goods_nothing{text-align: center;padding: 10px 0;}

/*溯源查询*/ 
.origin{padding: 10px;height: 100%;background: #f5f5f5;}
.origin h2{text-align: center;font-size: 20px;color: #8A5A34;}
table {*border-collapse: collapse;border-spacing: 0;width: 100%;}
.origin_box {padding-bottom: 10px;  border-bottom: 1px solid #d4d4d4;}
.origin_box:last-child{border-bottom: 0;}
.origin_box h3{font-size: 16px;color: #8A5A34;padding: 10px 0;}
.origin_box .bordered {border: solid #ccc 1px;}
.origin_box .bordered td{border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: 10px;text-align: left;vertical-align: middle;}
.origin_box .bordered tr:first-child td{border-top: 0;}
.origin_box .bordered td:first-child{border-left: none;width: 50px;}
.origin_box .bordered td i{width: 16px;height: 16px; margin-right:10px; border: 1px solid #ccc;display: inline-block; vertical-align: middle;position: relative;}
.origin_box .bordered td i.cur:after {content: '\2714';font-size: 24px;position: absolute;top: -4px;left:0px;color:#f76d02 ;line-height: 19px;}
.origin_box .bordered td p{padding-left:26px;}

.footer {padding:0 10px;background: #f5f5f5;text-align: center;}
.footer p{border-top: 1px solid #d4d4d4;padding:15px 0 25px;}




